<template>
    <div :class="['page-header', layout, pageWidth]">
        <div class="page-header-wide">
            <div class="simpleness-breadcrumb">
                <a-breadcrumb>
                    <a-breadcrumb-item :key="index" v-for="(item, index) in breadcrumb">
                        <span>{{item}}</span>
                    </a-breadcrumb-item>
                </a-breadcrumb>
            </div>
        </div>
    </div>
</template>

<script>
  import {mapState} from 'vuex'
  export default {
    name: 'SimplenessHeader',
    props: {
      breadcrumb: {
        type: Array,
        required: false
      },
      logo: {
        type: String,
        required: false
      }
    },
    computed: {
      ...mapState('setting', ['layout', 'showPageTitle', 'pageWidth'])
    }
  }
</script>

<style lang="less" scoped>
    @import "index";
</style>
